import React from "react";
export default function () {
  return (
    <section>
      <h2>引擎、编译器、作用域</h2>

      <li>引擎负责执行过程</li>
      <li>编译器负责语法分析</li>
      <li>作用域负责变量查找</li>

      <h2>LHS与RHS（赋值与取值）</h2>

      <li>
        LHS（left hand side）是引擎寻找某个变量的内存地址，用来给变量赋值的操作
      </li>
      <li>
        RHS（right hand
        side）是引擎根据某个变量名（即内存地址）来获取变量的值的操作
      </li>

      <pre>
        {`
function foo(a) {
	var b = a;
	return a + b; 
}
 var c = foo( 2 );
 `}
      </pre>

      <ol>
        <li>找到其中所有的 LHS 查询。（这里有 3 处！） </li>
        <li>找到其中所有的 RHS 查询。（这里有 4 处！）</li>
      </ol>

      <pre>
        {`
// LHS：声明a,b,c
// RHS：查找foo,a,a,b
`}
      </pre>
    </section>
  );
}
